<script  lang="ts" setup name="Person">
    import {reactive} from "vue";
    import type { PersonInter ,Persons} from "@/types";
    let person:PersonInter = reactive({
      id:'1asfasf',
      name:'张三',
      age:18
    })
    // personList:PersonInter[]   personList:Array<PersonInter>   personList:Persons
    let personList:Persons = reactive([
      {
        id:'1asfasf',
        name:'张三',
        age:18
      },
      {
        id:'1asfasf',
        name:'张三',
        age:18
      }
    ])
</script>

<template>
  <div class="prisonBox">
    ????
  </div>
</template>

<style scoped>
    .prisonBox{
      background-color:skyblue;
      padding: 20px;
      box-shadow: 0 0 10px;
      font-size: 20px;
      border-radius: 20px;
      button{
        margin: 0 10px;
      }
    }
</style>